<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<title>Jinger Control</title>


<style>
	div {
		border: 0px solid black;
	}


	div#wrapper {
		margin: 0 auto;
		width: 900px;
	}

	div#chatroom {
		background-color: #e0e0e0;
		border: 1px solid black;
		width: 900px;
		
	}

	div#chat {
		float: left;
		width: 655px;
		//height: 20ex;
		height: 350px;
		overflow: auto;
		background-color: #f0f0f0;
		padding: 0.2em;
		border-right: 1px solid black;
	}

	div#members {
		float: left;
		clear: right;
		width: 230px;
		border: 0px solid black;
		overflow: auto;
		padding: 3px;
		height: 350px;
	}

	div#input {
		clear: both;
		padding: 0.2em;
		border: 0px solid black;
		border-top: 1px solid black;
	}

	input#phrase {
		width: 605px;
		background-color: #e0f0f0;
	}

	input#username,input#altServer {
		width: 14em;
		background-color: #e0f0f0;
	}

	div.hidden {
		display: none;
	}

	span.from {
		font-weight: bold;
	}

	span.membership {
		font-style: italic;
	}
	
	input.button {
		width: 108px;
	}
	
	</style>


	<script type="text/javascript" src="/jinger/includes/jquery/json2.js"></script>
	<script type="text/javascript" src="/jinger/includes/jquery/jquery-1.3.2.js"></script>
	<script type="text/javascript" src="/jinger/includes/jquery/jquery.cometd.js"></script>
	<script type="text/javascript" src="/jinger/jquery-transport.js"></script>

	<script type="text/javascript">
        $(document).ready(function()
        {
            chat.init();
          //  transport.init();
        });
	</script>

</head>
<body>
<div id="wrapper">
	<h1>Jinger Web Control</h1>

	<div id="chatroom">
	<div id="chat"></div>
	<div id="members"></div>
	<div id="input">
	<div id="join">Username:&nbsp;<input id="username" type="text" />
            <span style="display: none"> Alternate server: <input id="altServer" type="text" /> </span> 
	<input id="joinB" class="button" type="submit" name="join" value="Join" /></div>
<div id="joined" class="hidden">Cmd:&nbsp;
<input id="phrase" type="text" /> 
<input id="sendB" class="button" type="submit" name="join" value="Send" /> 
<input id="leaveB" class="button" type="submit" name="join" value="Leave" />
</div>
</div>
</div>
</div>
</body>
</html>